<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <title>Hospital BD</title>
        <link rel="stylesheet" type="text/css" href="CSS/css/bootstrap.css"/>
         
    </h:head>
    <script type="text/javascript" src="CSS/js/bootstrap-dropdown.js"></script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>

<script>

$('.dropdown-toggle').dropdown();
</script>
    <f:view>
    <h:body>
        <div class="navbar navbar-fixed-top">  
            <div class="navbar navbar-inverse">
            <div class="navbar-inner">  
                <div class="container">  
                    <ul class="nav">  
                        <li class="active">  
                            <a class="brand" href="faces/index.xhtml">Hospital UFPB</a>  
                        </li>  
                        
                         
                        <li class="dropdown">  
                            <a href="#"  
                                class="dropdown-toggle"  
                                data-toggle="dropdown">  
                                Paciente  
                                <b class="caret"></b>  
                            </a>  
                            <ul class="dropdown-menu">  
                            <li><a href="faces/cadastrarPaciente.xhtml">Cadastrar</a></li>  
                            <li><a href="faces/consultarPaciente.xhtml">Consultar</a></li>  
                            <li><a href="#">Alterar</a></li>  
                            <li><a href="faces/removerPaciente.xhtml">Remover</a></li> 
                            <li><a href="faces/mostrarPaciente.xhtml">Mostrar</a></li> 
                            </ul>  
                        </li>  
                        <li class="dropdown">  
                            <a href="#"  
                                class="dropdown-toggle"  
                                data-toggle="dropdown">  
                                Médicos 
                                <b class="caret"></b>  
                            </a>  
                            <ul class="dropdown-menu">  
                            <li><a href="faces/cadastrarMedico.xhtml">Cadastrar</a></li>  
                            <li><a href="faces/mostrarMedico.xhtml">Buscar</a></li>  
                            <li><a href="#">Alterar</a></li>  
                            <li><a href="faces/removerMedico.xhtml">Remover</a></li>  
                            </ul>  
                        </li>  
                        
                        

                        <li><a href="#">Portfolio</a></li>  
                        <li><a href="faces/contato.xhtml">Contact</a></li>  
                    </ul>   
                </div> 
            </div>
            </div>  
        </div>   
        <div class="container">
            <br/>
            <br/>
             
            
        <ui:insert name="content">
                            Espaço Destinado ao Conteúdo, geralmente esse é o espaço que se modifica.
                        </ui:insert>
  
        </div>
        <div class="navbar navbar-inverse">
        <div class="navbar navbar-fixed-bottom">  
            
            <div class="navbar-inner">  
                <div class="container">  
                    <ul class="nav">  
                        <li class="active">  
                            <a class="brand" href="faces/index.xhtml">HospitalBD</a>  
                        </li>  
                        <li><a href="faces/teste.xhtml">Sobre</a></li>  
                       
                        <li><a href="faces/contato.xhtml">Contact</a></li>  
                    </ul>   
                </div> 
            </div>
            </div>  
        </div>
        
    </h:body>
    </f:view>
</html>